<!DOCTYPE html>
<nav class="nav navbar-inverse navbar-static-top">
			<div id="" class="container">
				<div class="navbar-header">
					<!-- 小屏幕按钮 navbar-toggle设置button元素为导航条组件的切换钮-->
					<button type="button" class="navbar-toggle " data-toggle="collapse" data-target = ".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<!-- logo -->
					<a href="#" class="navbar-brand" style="font-size: 19px; font-weight: bold; color: #40D2B1;">Bedside故事</a>
				</div>
				<!-- 将设置为collapse样式的div元素内的所有其它元素都折叠起来，以一个列表的形式显示。 -->
				<!-- .collapse——设置div元素为视口大于768px时显示 -->
				<div class="navbar-collapse collapse" style="padding-right: 70px;">
					<ul class="nav navbar-nav navbar-right">
						<li><a href="./index.jsp">首页</a></li>
						<li><a href="./catalog.jsp">博文目录</a></li>
						<li><a href="./mynote.jsp">个人笔记</a></li>
						<li><a href="./aboutme.html">关于我</a></li>
					</ul>
				</div>
			</div>
		</nav>
